<template>
    <div class="content boxFlex">
        <div class="notFound-content">
            <div class="image-text-box flex">
                <div class="image-box">
                    <img src="@/assets/image/404.png" alt="" />
                </div>
                <div class="text-box flex">
                    <h1>sorry 您访问的页面弄丢了</h1>
                    <p>您可以通过以下方式继续访问......</p>
                    <div id="back" @click="backTo()">返回首页</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const backTo = () => {
    router.replace("/");
};
// export default {
//     mounted() {},
//     methods: {
//         backTo() {
//             let selectNode = this.$store.getters.getMenu;
//             let node = selectNode.filter((item) => {
//                 if (item.path == "/user") {
//                     return item;
//                 }
//             });
//             this.$store.commit("setSelectMenu", node[0]);
//             this.$router.replace("/");
//         },
//     },
// };
</script>
<style scoped="scoped">
.notFound-content {
    background-color: #1c85c1;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    overflow: hidden;
}
.image-text-box {
    width: 1200px;
    height: 367px;
    margin: 100px auto 0 auto;
    flex-direction: row;
}
.flex {
    display: flex;
    justify-content: center;
}
.image-box {
    width: 325px;
    height: 367px;
}
.text-box {
    width: 400px;
    height: 367px;
    flex-direction: column;
}
.text-box > h1,
.text-box > p {
    color: #8ef6f8;
    font-family: Microsoft YaHei;
}
.text-box > h1 {
    height: 37px;
    font-weight: bold;
    line-height: 20px;
}
.text-box > p {
    height: 20px;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
}
.text-box > div {
    width: 180px;
    height: 38px;
    background: #ffc835;
    box-shadow: 0px 4px 13px 0px rgba(44, 5, 5, 0.24);
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    margin-top: 15px;
    border-radius: 3px;
}
</style>
